.pages a,.pages span {
    display:inline-block;
    padding:2px 5px;
    margin:0 1px;
    border:1px solid #f0f0f0;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
}
.pages a,.pages li {
    display:inline-block;
    list-style: none;
    text-decoration:none; color:#39ADB4;
}
.pages a.first,.pages a.prev,.pages a.next,.pages a.end{
    margin:0;
}
.pages a:hover{
    border-color:#39ADB4;
}
.pages span.current{
    background:#39ADB4;
    color:#FFF;
    font-weight:700;
    border-color:#39ADB4;
}
.spmenu{
    position: fixed;
    background-color:#DCDCDC;
    right: -60%;
    width: 60%;
    height: 100%;
    z-index: 999;
    transition: right 1s;
    -webkit-transition: right 1s
}
.spmenu-actived{
    right: 0px;
}
.spmenu-remove{
    right: -60%;
}
.spmenu li{
    /*text-align: center;*/
    padding-left: 2em;
    list-style-type: none;
    vertical-align: middle;
    height: 15%;
}
.spmenu-shadow{
    background-color: black;
    opacity: 0.7;
    display: block;
    width: 100%;
    height: 100%;
    z-index: 998;
    /*transition: opacity 2s;*/
    position: absolute;
}
.spmenu-noshadow{
    opacity: 0;
}